<script setup>
const { data } = await useFetch("/api/down");
const detail = data.value.data;
const goDown = () => {
  navigateTo("/download");
};
</script>

<template>
  <div
    class="tracking-[2px] pb-0 sm:pb-14 bg-[url('https://start.gtimg.com/web/www/webgame/assets/img/d461567b92fd826945ee.png')] bg-cover bg-no-repeat bg-center"
  >
    <Container class="space-y-10 text-center">
      <div class="pt-[30px] sm:pt-[80px]">
        <UDivider
          :label="detail.title"
          :ui="{
            label:
              'text-[22px] sm:text-[28px] font-bold text-[#f5f5f5] border-[#333]',
          }"
        />
      </div>
      <div class="text-[16px] sm:text-[20px] opacity-70">
        {{ detail.subTitle }}
      </div>
      <img class="w-[90%] sm:w-[50%] mx-auto" :src="detail.url" alt="" />
      <div
        @click="goDown"
        class="w-[200px] sm:w-[280px] h-[45px] sm:h-[60px] mx-auto bg-gradient-to-r from-cyan-500 to-blue-500 hover:from-blue-500 hover:to-cyan-500 leading-[45px] sm:leading-[60px] rounded-md text-[16px] sm:text-[20px] cursor-pointer"
      >
        Window版下载
      </div>
    </Container>
  </div>
</template>
